//页面撑开头部样式
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding-top: var(--status-bar-height);
	}
//头部公用样式
.top-bar {
		width: 100%;
		height: 88rpx;
		top: 0;
		left: 0;
		position: fixed;
		z-index: 100;
		background: $uni-bg-color;
		border-bottom: 1px solid $uni-border-color;
		padding-top: var(--status-bar-height);
		box-sizing: content-box;
		.top-bar-left {
			float: left;
			padding-left: $uni-spacing-col-base;
			padding-top: 10rpx;

			image {
				width: 68rpx;
				height: 68rpx;
				border-radius: 50%;
			}
			
			.back-Image {
				margin-top: 21rpx;
				width: 26rpx;
				height: 46rpx;
			
			}
			
			.text {
				font-size: $uni-font-size-lg;
				font-weight: 500;
				color: $uni-text-color;
				line-height: 88rpx;
			}
		}

		.top-bar-center {
			position: absolute;
			left: 0;
			right: 0;
			text-align: center;
			image {
				padding-top: 19rpx;
				width: 88rpx;
				height: 42rpx;
			}
		}

		.top-bar-right {
			float: right;
			padding-right: 14rpx;

			.search {
				width: 88rpx;
				height: 88rpx;
				display: inline-block;
			}

			.add {
				width: 88rpx;
				height: 88rpx;
				display: inline-block;
				padding-right: 14rpx;
			}
			
			.text {
				font-size: $uni-font-size-lg;
				font-weight: 500;
				color: $uni-text-color;
				line-height: 88rpx;
				padding-right: $uni-spacing-col-base;
			}

			image {
				padding: 18rpx 0 18rpx;
				width: 52rpx;
				height: 52rpx;
			}
		}
	}
